@import "./Reset";
@import "../css/common.css";

main {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  bottom: 30px;
  .transfer {
    width: 200px;
    height: 50px;
    margin: 0 auto;
    margin-top: 65px;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-around;
    &::after {
      position: absolute;
      width: 106px;
      height: 2px;
      content: "";
      left: -130px;
      background-color: skyblue;
    }
    &::before {
      position: absolute;
      width: 106px;
      height: 2px;
      content: "";
      left: 197px;
      background-color: skyblue;
    }
    p:nth-of-type(1) {
      margin: 0 auto;
      font-size: 20px;
      letter-spacing: 30px;
      justify-content: center;
      font-weight: 800;
      &:nth-child(2) {
        font-size: 10px;
        text-align: center;
      }
    }
  }

  .input {
    width: 755px;
    margin: 0 auto;
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
    .left {
      width: 366px;
      .btn {
        width: 250px;
        height: 24px;
        display: flex;
        margin: 0 auto;
        text-align: center;
        border-radius: 3px;
        button {
          width: 93px;
          border: 1px solid skyblue;
          background-color: #b3d9ff;
          border-radius: 3px;
          &:nth-of-type(2) {
            width: 93px;
            border: 1px solid #e3dcdc;
            border-radius: 3px;
            background-color: #e3dcdc;
            margin-left: 10px;
          }
        }
      }
      .Yonghu {
        .ipt {
          input {
            width: 260px;
            height: 20px;
            background-color: #b3d9ff;
            box-shadow: -1px -1px 2px 0px #030000;
            opacity: 0.25;
            margin-top: 20px;
          }
        }
        .ipt_one {
          width: 366px;
          margin-top: 20px;
          // display: flex;
          input {
            width: 50px;
            background-color: #b3d9ff;
            border: 1px solid #b3d9ff;
            box-shadow: -1px -1px 2px 0px #030;
          }
          img {
            display: inline-block;
            width: 72px;
            height: 23px;
          }
          span:nth-of-type(1) {
            font-size: 12px;
          }
          span:nth-of-type(2) {
            font-size: 12px;
            color: red;
          }
        }
      }
      .radio {
        width: 366px;
        margin-top: 20px;
        // span {
        //   input{
        //     background-color: #030000;
        //   .radio {
        //    background-color: #030000;
        //   }
        //   }
        // }
      }
      .last_btn {
        width: 366px;
        margin-top: 20px;
        // margin: 0 auto;
        text-align: center;
        button {
          margin: 0 auto;
          width: 93px;
          height: 25px;
          height: 24px;
          color: #fff;
          background-color: #b3d9ff;
          border-radius: 3px;
          display: inline-block;
          border: 1px solid #b3d9ff;
          margin-right: 10px;
        }
        span {
          color: red;
          left: 5px;
          font-size: 13px;
        }
      }
    }
    .right {
      width: 379px;
      height: 258px;
      margin-left: 20px;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
  .line{
    width: 1000px;
    border-bottom: 2px solid #b3d9ff;
   position: absolute;
   bottom: -62px;
  }
}
